<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>元素类型</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        ul li {
            display: inline-block;
            background-color: #f00;
            width: 200px;
            height: 200px;
            font-size: 16px;
        }
        
        ul {
            font-size: 1;
        }
    </style>
</head>

<body>
    <!-- 
		 元素类型
		 块元素   div  p  ul  li ol h1....
		 默认宽继承父季 高由内容撑开 ,能设置宽高,能设置内外边距,默认占据整行 从上往下排列
		 
		 行元素    span  b i  strong  .... 
		 宽,高由内容撑开,不能设置宽高,不支持上下外边距 其他都支持,从左至右依次排列
		 
		 行内块元素 img  input ...
		 宽,高由内容撑开,能设置宽高,能设置内外边距,从左至右依次排列
		 display   inline行元素   block块元素   inline-block行内块元素  none隐藏
		 
		 行元素,行内块元素 有文字的特性
		 -->


    <ul>
        <li>11 23</li>
        <li>2</li>
        <li>3</li>
    </ul>




</body>

</html>